<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pm="http://primefaces.org/mobile">
<ui:composition template="/plantillas/sacoGuestIndexTemplate.xhtml">
	<ui:define name="content">
	<div class="ui-grid ui-grid-responsive">
    <div class="ui-grid-row">
	<div class="ui-grid-col-2"></div>
	<div class="ui-grid-col-5">
   <h:panelGrid columns="5" cellpadding="5" styleClass="panelogin">  
	<h:form >
		<p:panel header="Login">
			<p:messages />
			<h:panelGrid columns="3" cellpadding="3" columnClasses="label, value">
				<h:outputText value="Usuario: "  />
				<h:inputText value="#{loginBean.usuario.usuario}"  />
				<h:outputText />
				<h:outputText value="Password: "/>
				<h:inputSecret value="#{loginBean.usuario.password}" ></h:inputSecret>
			</h:panelGrid>
			<h:outputText id="idMsg" value="#{loginBean.mensaje}" styleClass="formularios"/>
			<br />
			<h:panelGrid columns="2" cellpadding="10">
			<p:commandButton value="Ingresar" action="#{loginBean.validarUsuario}" update="idMsg"></p:commandButton>	
			<p:commandLink value="Registro" action="#{loginBean.registro}"></p:commandLink>
			</h:panelGrid>		
		</p:panel>
	 </h:form>
   </h:panelGrid>
   </div>
   <div class="ui-grid-col-5s"></div>
   </div>
  </div>
</ui:define>
</ui:composition>
</html>